import { changeTheme } from './utils/index';
// 默认
const defaultTheme = {
  '@primary-color': '#4caf50',
  '@bg-color': '#f1f1f1',
  '@title-color': '#000000',
  '@text-color': '#333333',
  '@banner-images': "url('../images/normal.jpeg')",
};
// 圣诞节
const christmasTheme = {
  '@primary-color': 'red',
  '@bg-color': 'lightpink',
  '@title-color': '#ffffff',
  '@text-color': '#ffffff',
  '@banner-images': "url('../images/christmas.jpeg')",
};
// 黑暗模式
const darkTheme = {
  '@primary-color': 'gold',
  '@bg-color': '#000000',
  '@title-color': '#ffffff',
  '@text-color': '#FFFFFF',
  '@banner-images': "url('../images/normal.jpeg')",
};

// 在适当的时候调用changeTheme方法
// changeTheme({
//   ...christmasTheme,
// });

let currentTheme = defaultTheme;

// 1.圣诞节2021-12-24 23:59:59的时间戳 1640361599000

// if (new Date().valueOf() > 1640361599000) {
//   currentTheme = christmasTheme
// } else {
//   currentTheme = defaultTheme
// }
// changeTheme(currentTheme)

// 2.获取当前时间判断是白天还是黑夜
// const hours = new Date().getHours()
// if (hours > 8 && hours < 20) {
//   currentTheme = defaultTheme
// } else {
//   currentTheme = darkTheme
// }
// changeTheme(currentTheme)

// 3.判断手机系统模式
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');

function darkModeHandler() {
  if (mediaQuery.matches) {
    console.log('现在是深色模式');
    changeTheme(darkTheme);
  } else {
    console.log('现在是浅色模式');
    changeTheme(defaultTheme);
  }
}
// 判断当前模式
darkModeHandler();
// 监听模式变化
mediaQuery.addListener(darkModeHandler);
